<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Late Night Dine</title>
<link rel="stylesheet" href="web-font/stylesheet.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
<script type="text/javascript" src='js/jquery-1.9.1.js'></script>
<script type="text/javascript" src='js/jquery.customSelect.min.js'></script>
<script src="js/jquery.slides.min.js"></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
	jQuery('.customselect').customSelect();
    jQuery('#slider').slidesjs({
        width: 630,
		height: 255,
		play: {
          active: true,
          auto: true,
          interval: 4000,
          swap: true
        }
    });

});
</script>
</head>

<body>
	<div id="header">
		<div class="container">
			<div id="logo"><h1><a href="index.html">Late Night Dine</a></h1></div>
			<div id="menu-header">
				<ul id="menu-left">
					<li class="current_menu_item"><div class="hover_left"></div><a href="#">Home</a><div class="hover_right"></div></li>
					<li><div class="hover_left"></div><a href="#">Food Places</a><div class="hover_right"></div></li>
					<li><div class="hover_left"></div><a href="#">About us</a><div class="hover_right"></div></li>
					<li><div class="hover_left"></div><a href="#">Sign In</a><div class="hover_right"></div></li>
					<li class="last_child"><div class="hover_left"></div><a href="#">Sign Up</a><div class="hover_right"></div></li>
				</ul>
				<ul id="menu-right">
					<li><a href="#"><img src="images/icon_tw.png" /></a></li>
					<li><a href="#"><img src="images/icon_fb.png" /></a></li>
					<li><a href="#"><img src="images/icon_t.png" /></a></li>
					<li><a href="#"><img src="images/icon_2cham.png" /></a></li>
					<li><a href="#"><img src="images/icon_ok.png" /></a></li>
					<li><a href="#"><img src="images/icon_q.png" /></a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="clear"></div>
	<div id="main">
		<div class="container">
			<div id="main-top">
				<div id="slider">
					<img class="slide_img" src="images/img_slide.jpg" />
					<img class="slide_img" src="images/img_slide_01.jpg" />
					<img class="slide_img" src="images/img_slide.jpg" />
				</div>
				<div id="search-form">
					<form class="search_form">
						<input type="text" name="key_word" value="I want to eat before_" onfocus="this.value = ''" onblur="this.value = 'I want to eat before_'" />
						<div class="clear"></div>
						<select class="customselect" name="time">
							<option value="none">Select closing time</option>
							<option value="12AM">12 AM</option>
							<option value="7PM">7 PM</option>
							<option value="8PM">8PM</option>
						</select>
						<div class="clear"></div>
						<select class="customselect" name="location">
							<option value="none">Select Location</option>
							<option value="Ha Noi">Ha Noi</option>
							<option value="Da Nang">Da Nang</option>
							<option value="Ho Chi Minh">Ho Chi Minh</option>
						</select>
						<input type="submit" value="Search" />
					</form>
				</div>
			</div>
			<div class="clear"></div>
			<div id="main-content">
				<h2>Recommended Food Places</h2>
				<ul class="list">
					<li class="col_left new">
						<img class="new_img" src="images/icon_new.png" />
						<a class="list_thumb" href="#"><img src="images/thumb_02.png" /></a>
						<h3><a href="#">VietNam Restaurant</a></h3>
						<p>Best late night Vietnamese dumplings long title Lorem</p>
						<p><span>Open until 4AM</span></p>
					</li>
					<li class="col_right">
						<img class="new_img" src="images/icon_new.png" />
						<a class="list_thumb" href="#"><img src="images/thumb_03.jpg" /></a>
						<h3><a href="#">Tonight Foods</a></h3>
						<p>Best late night Tonight Foods dumplings</p>
						<p><span>Open until 5AM</span></p>
					</li>
					<li class="col_left">
						<img class="new_img" src="images/icon_new.png" />
						<a class="list_thumb" href="#"><img src="images/thumb_01.png" /></a>
						<h3><a href="#">Thanland Restaurant</a></h3>
						<p>Best late night Thanland Restaurant dumplings</p>
						<p><span>Open until 7AM</span></p>
					</li>
					<li class="col_right">
						<img class="new_img" src="images/icon_new.png" />
						<a class="list_thumb" href="#"><img src="images/thumb_02.png" /></a>
						<h3><a href="#">VietNam Restaurant</a></h3>
						<p>Best late night Vietnamese dumplings long title Lorem</p>
						<p><span>Open until 5AM</span></p>
					</li>
					<li class="col_left">
						<img class="new_img" src="images/icon_new.png" />
						<a class="list_thumb" href="#"><img src="images/thumb_03.jpg" /></a>
						<h3><a href="#">Tonight Foods</a></h3>
						<p>Best late night Tonight Foods dumplings</p>
						<p><span>Open until 5AM</span></p>
					</li>
					<li class="col_right">
						<img class="new_img" src="images/icon_new.png" />
						<a class="list_thumb" href="#"><img src="images/thumb_01.png" /></a>
						<h3><a href="#">Thanland Restaurant</a></h3>
						<p>Best late night Thanland Restaurant dumplings</p>
						<p><span>Open until 7AM</span></p>
					</li>
				</ul>
			</div>
			<div id="main-sidebar"><ul><li><a class="banner_ads" href="#"></a></li><li><a class="banner_ads" href="#"></a></li></ul></div>
		</div>
	</div>
	<div class="clear"></div>
	<div id="footer">
		<div class="container">
			<div id="footer-left">
				<h3 class="footer_title">Late Night Dine - Fast Food for Night</h3>
				<p>10 Anson Road, #31-10 international Plaza<br/>
				Singapore 079903<br/>
				<a class="email_contact" href="mailto:contactus@latenightdine.com">contactus@latenightdine.com</a>
				</p>
			</div>
			<div class="cols_menu">
				<h3 class="footer_title">Main</h3>
				<ul>
					<li><a href="#">Home</a></li>
					<li><a href="#">Food Places</a></li>
					<li><a href="#">Sign In</a></li>
					<li><a href="#">Sign Up</a></li>
				</ul>
			</div>
			<div class="cols_menu">
				<h3 class="footer_title">Company</h3>
				<ul>
					<li><a href="#">About Us</a></li>
					<li><a href="#">Term &amp; Conditions</a></li>
					<li><a href="#">Disclimer</a></li>
					<li><a href="#">Contact Us</a></li>
				</ul>
			</div>
			<div id="footer-right">
				<h1>Late Night Dine</h1>
				<p>&copy;2013 LateNightDine Pte Ltd<br/>
				Registration Number: 201301292R
				</p>
			</div>
		</div>
	</div>
</body>
</html>
